<template>
    <div
        id="error"
        class="dis-flex flex-dir-column flex-x-center  flex-y-center"
    >
        <img src="../../src/assets/img/404.png" alt="" />
        <span>抱歉！本站点已关闭</span>
    </div>
</template>

<script>
    export default {
        props: [], // 父辈向子辈传参
        name: 'error',
        components: { // 组件的引用

        },
        data() {
            return {

            }
        },
        methods: {},
        computed: {},
        watch: {},
        created() { },
        mounted() { },
    }
</script>
    
<style scoped lang='scss'>
    #error {
        background-color: #fff;
        width: 100vw;
        height: 100vh;
        font-size: 16px;
        color: #121836;
        line-height: 16px;
        & > img {
            width: 300px;
            height: 161px;
            margin-bottom: 30px;
        }
    }
</style>